<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>根据ID获取元素</title>
</head>

<body>
    <h1 id="para">Some text here</h1>
    <script>
        // 1.根据id获取
        // 使用 getElementByld() 方法可以获取带ID的元素对象
        // 语法 doucment.getElementById(id) get-获得 element-元素 by-通过 采用驼峰命名法
        // * 因为文档页面从上往下加载，所以先得到所以的标签 所以script写在标签下面
        // 返回的是元素对象
        var test = document.getElementById('para');
        console.log(test);
        console.log(typeof test);

        // console.dir  打印返回的元素对象，更好的查看里面的属性和方法
        console.dir(test); // h1#para
    </script>
</body>

</html>